body {
  @include scrollBar();

  margin: 0;
  color: $color;
  font-weight: bolder;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

#root {
  display: flex;
  height: 100vh;

  .home,
  .notFound {
    min-width: 320px;
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;

    .title {
      font-size: 32px;
    }

    h1,
    h2,
    h4 {
      margin-top: unset;
    }

    h2 {
      color: #303133;
    }

    h4 {
      color: #606266;
    }

    button {
      display: flex;
      width: fit-content;
      padding: 5px 10px;
      color: rgb(240 248 255 / 84.5%);
      background: #409eff;
      border: unset;
      border-radius: 4px;
      box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
      cursor: pointer;
      align-items: baseline;
    }
  }
}
